body {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    height: 100%;
}

.hide {
    display: none;
}

.main {
    width: 100%;
    height: calc(100% - 300px);
    position: relative;
}
#container {
    position: relative;
    max-height: 100%;
    overflow: hidden;
    margin:auto;
}
video {
    position: relative;
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:center;
}
